<template>
    <div class="card-box">
        <div class="card-title">资金监管付款表</div>
        <div class="template-head">
						<span class="template-head-font">福田区政府物业管理中心资金监管付款表</span>
            <span class="head-time">单位名称: {{user.deptName}}</span><br/>
            <span class="head-time">{{todayTime}}</span>
        </div>
        <div class="table-div">
            <el-form  :rules="rules" status-icon  :model="printData"  ref="form">
            <table class="approve-form-table">
                <tr>
                    <td rowspan="12">一</td>
                    <td rowspan="12">工程概况（施工单位填写）</td>
                    <td>工程名称</td>
                    <td colspan="4">
                        <el-form-item prop="approvalName">
                        <el-input type="input" class="table-input" v-model="printData.approvalName" maxlength="64" placeholder="请输入工程名称（最大长度64位)"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>工程进度</td>
                    <td colspan="4">
                        <el-form-item prop="jobSchedule">
                        <el-select
                            v-model="printData.jobSchedule"
                        >
                            <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>审计单位（预算/结算）</td>
                    <td colspan="4">
                        <el-form-item prop="auditUnit">
                        <el-input type="input" class="table-input" v-model="printData.auditUnit"  maxlength="64" placeholder="请输入审计单位(最大长度为64位)"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>本次申请付款额(元)</td>
                    <td colspan="4">
                        <el-form-item prop="reqPricet">
                        <el-input type="number" class="table-input"
                                  v-model="printData.reqPricet"
																	v-only-number="{min:0,precision:2}"
                                  oninput="if(value.length>=12)value=value.slice(0,12)"
                                  placeholder="请输入申请付款额(最大长度为12位,且最小为0)"
                                  min="0"
                                  @mousewheel.native.prevent
                                  @blur="handleTotalPrices"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>批准文号及投资额(元)</td>
                    <td colspan="4">
                        <el-form-item prop="approvalNumber">
                        <el-input type="input" v-model="printData.approvalNumber" maxlength="36" style="width: 45%;margin-right: 2%;float:left;" placeholder="请输入批准文号(最大长度为36位)"
                                  @blur="handleapprovalNumber"
                        ></el-input>
                        </el-form-item>
                        <el-form-item prop="investmentAmount">
                        <el-input type="number" v-only-number="{min:0,precision:2}" v-model="printData.investmentAmount"oninput="if(value.length>=12)value=value.slice(0,12)" @mousewheel.native.prevent style="width: 45%;margin-right: 2%;float:left;" placeholder="请输入投资额(最大长度为12位)"
                                  @blur="handleinvestmentAmount"
                        ></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>代建合同金额(元)</td>
                    <td colspan="4">
                        <el-form-item prop="agentContractPrice">
                        <el-input type="number"
                                  class="table-input"
                                  v-model="printData.agentContractPrice"
                                  oninput="if(value.length>=12)value=value.slice(0,12)"
																	v-only-number="{min:0,precision:2}"
                                  placeholder="请输入代建合同金额(最大长度为12位,且最小为0)"
                                  min="0"
                                  @mousewheel.native.prevent
                                  @blur="handleagentContractPrice"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>中标价(元)</td>
                    <td colspan="4">
                        <el-form-item prop="bidPrice">
                        <el-input type="number"
                                  class="table-input"
                                  v-model="printData.bidPrice"
																	v-only-number="{min:0,precision:2}"
                                  oninput="if(value.length>=12)value=value.slice(0,12)"
                                  placeholder="请输入中标价(最大长度为12位,且最小为0)"
                                  min="0"
                                  @mousewheel.native.prevent
                                  @blur="handbidPrice"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>预算价(元)</td>
                    <td colspan="4">
                        <el-form-item prop="budgetPrice">
                        <el-input type="number"
                                  class="table-input"
                                  v-model="printData.budgetPrice"
                                  oninput="if(value.length>=12)value=value.slice(0,12)"
                                  placeholder="请输入预算价(最大长度为12位,且最小为0)"
                                  min="0"
																	v-only-number="{min:0,precision:2}"
                                  @mousewheel.native.prevent
                                  @blur="handbudgetPrice"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>结算价(元)</td>
                    <td colspan="4">
                        <el-form-item prop="settlementPrice">
                        <el-input type="number"
                                  class="table-input"
																	v-only-number="{min:0,precision:2}"
                                  v-model="printData.settlementPrice"
                                  oninput="if(value.length>=12)value=value.slice(0,12)"
                                  placeholder="请输入结算价(最大长度为12位,且最小为0)"
                                  min="0"
                                  @mousewheel.native.prevent
                                  @blur="handsettlementPrice"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>已付款情况（资金监管）</td>
                    <td colspan="4">
                        <el-form-item prop="paymentStatus">
                        <el-input type="textarea" v-model="printData.paymentStatus" placeholder="请输入已付款情况(最大长度为400位)" maxlength="400" :autosize="{ minRows: 6, maxRows: 10}">
                        </el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>工程余款(元)</td>
                    <td colspan="4">
                        <el-form-item prop="balance">
                        <el-input type="number" class="table-input" v-only-number="{min:0,precision:2}" v-model="printData.balance" oninput="if(value.length>=12)value=value.slice(0,12)" placeholder="请输入工程余款(最大长度为12位,且最小为0)"
                                  min="0" @mousewheel.native.prevent
                                  @blur="handlebalance"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>业务部门审核</td>
                    <td>业务经办人</td>
                    <td>
                        <el-form-item prop="businessAgent">
                        <el-input type="input" v-model="printData.businessAgent" placeholder="请输入业务经办人(最大长度为25位)" maxlength="25"></el-input>
                        </el-form-item>
                    </td>
                    <td>部门负责人</td>
                    <td>
                        <el-form-item prop="departmentHead">
                        <el-input type="input" v-model="printData.departmentHead" placeholder="请输入部门负责人(最大长度为25位)" maxlength="25"></el-input>
                        </el-form-item>
                    </td>
                </tr>
                <tr>
                    <td>二</td>
                    <td>分管领导审批</td>
                    <td colspan="5">
                        <el-form-item prop="chargeApprove">
                        <el-input type="textarea" v-model="printData.chargeApprove" placeholder="请输入分管领导审批(最大长度为64位)" maxlength="64" :autosize="{ minRows: 6, maxRows: 10}">
                        </el-input>
                        </el-form-item>
                    </td>
                </tr>
            </table>
            </el-form >
        </div>
    </div>
</template>

<script src="./js/fund-supervision-payment-form.js">
</script>

<style scoped lang="scss">

    @import "./scss/fund-supervision-payment-form";
</style>
